﻿<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=580, initial-scale=0.5, maximum-scale=0.5"/>
		<title>מחשבון בניין הארץ</title>
		<link rel="stylesheet" href="stylesheets/jquery-ui-1.10.4.css">
		<link rel='stylesheet' href='stylesheets/style.css'/>
		<script src="javascripts/jquery-1.10.2.js"></script>
		<script src="javascripts/jquery-ui-1.10.4.js"></script>
		<script src="javascripts/calc.js"></script>
	</head>
	<body>
		<div id="tabs">
			<ul>
				<li id="tab-home"><a href="#panel-home"></a></li>
				<li id="tab-0" class="tab-handle"><a href="#panel-0"><img id="tab-0-img" src="images/tab-0-img.png"/></a></li>
				<li id="tab-1" class="tab-handle"><a href="#panel-1"><img id="tab-1-img" src="images/tab-1-img.png"/></a></li>
				<li id="tab-2" class="tab-handle"><a href="#panel-2"><img id="tab-2-img" src="images/tab-2-img.png"/></a></li>
				<li id="tab-3" class="tab-handle"><a href="#panel-3"><img id="tab-3-img" src="images/tab-3-img.png"/></a></li>
				<li id="tab-4" class="tab-handle"><a href="#panel-4"><img id="tab-4-img" src="images/tab-4-img.png"/></a></li>
				<li id="tab-5" class="tab-handle"><a href="#panel-5"><img id="tab-5-img" src="images/tab-5-img.png"/></a></li>
				<li id="tab-6" class="tab-handle"><a href="#panel-6"><img id="tab-6-img" src="images/tab-6-img.png"/></a></li>
				<li id="tab-7" class="tab-handle"><a href="#panel-7"><img id="tab-7-img" src="images/tab-7-img.png"/></a></li>

			</ul>
			<div id="panel-home">
				<div id="Div1" class="calcArea">
					<p div id="home">
						מחשבון זה נועד להקל עליך את חישוב<br/>
						כמויות החומר להם תזדקק לביצוע יציקה.<br/>
						עליך למלא את מידות היציקה במשבצות המיועדות לכך.<br/>
						ותקבל את כמות החומר לה תזדקק לצורך כך.<br/>
						כאן יופיעו כמה מילים לגביי האתר,<br/>
						על המחשבון החינמי המיוחד ועל בנין הארץ.<br/>

						בהצלחה!</p>
				</div>
			</div>
			<div id="panel-0">
				<div id="calc" class="calcArea">

					<p id="hC">
						מחשבון זה נועד להקל עליך את חישוב כמויות החומר
						להם תזדקק לביצוע יציקה.<br/>
						עליך למלא את מידות היציקה במשבצות המיועדות לכך. ותקבל את כמות החומר
						<br/>לה תזדקק לצורך כך.</p>

					<div class="quantity">
						<h2>הזן את מידות היציקה:
						</h2>
						<div class="calcTable">
							<div class="calcRow"><label>עובי (ס"מ):</label><input id="x" type="text"></input></div>
							<div class="calcRow"><label>רוחב (מטר):</label><input id="y" type="text"></input></div>
							<div class="calcRow"><label>אורך (מטר):</label><input id="o" type="text"></input></div>
						</div>
						<input type="button" id="materialsBtn" class="calcBtn" value="חשב"
							   onclick="calcMaterials()"></input>

						<div id="result" class="quiteResult">
						</div>
						<div class="reserveButton">
							<img class="btn-get-price" src="images/button_get_price.png" style="width:80%">
							<img class="btn-send-order" src="images/button_send_order.png" style="width:80%">
						</div>
					</div>

				</div>
			</div>
			<div id="panel-1">
				<div id="wood" class="calcArea">

					<p id="hW">
						מחשבון זה נועד לעזור לך בתרגום כמות העץ ממטר מרובע למטר רץ ולהפך, לפי סוג העץ בו<br/>
						אתה משתמש. כל מה שעליך לעשות הוא לבחור את סוג העץ בו אתה רוצה ולרשום את כמות<br/>
						העץ הידועה לך לפי מטר רץ/מרובע, המחשבון ייתן לך את התשובה לה אתה זקוק.</p>

					<div class="quantity">
						<h2>הזן את המטראז׳ במטר רץ או במטר רבוע:</h2>
						<div class="calcTable">
							<div class="calcRow"><label>כמות:</label><input id="metrage" type="text"></input></div>
							<div class="calcRow"><label>סוג מטר:</label><select id="metrageKind">
								<option value="1">מטר רץ</option>
								<option value="2">מטר רבוע</option>
							</select></div>
							<div class="calcRow"><label>סוג עץ:</label>
							<select id="woodKind">
								<option value="thinNotfeder">נוטפדר צר</option>
								<option value="wideNotfeder">נוטפדר רחב</option>
								<option value="log">לוג</option>
								<option value="gallery">גלרייה</option>
								<option value="deck">דק</option>
								<option value="meroaf">מרועף</option>
							</select></div>
						</div>
						<input type="button" id="metrageBtn" class="calcBtn" value="חשב"
							   onclick="calcMetrage()"></input>

						<div id="woodResult" class="quiteResult">
						</div>
						<div class="reserveButton">
							<img class="btn-get-price" src="images/button_get_price.png" style="width:80%">
							<img class="btn-send-order" src="images/button_send_order.png" style="width:80%">
						</div>
					</div>


				</div>

			</div>
			<div id="panel-2">
				<div id="tiah" class="calcArea">

					<p id="hT">
						מחשבון זה ייחשב עבורך את כמויות החומר להם תזדקק עבור טיח לקיר, עליך למלא את כמות<br/>
						המטר מרובע שאותה הינך מתכוון לטייח. המחשבון יחזיר לך את כמויות החומר להם תזדקק.</p>

					<div class="quantity">
						<h2>הזן את מספר המטרים הרבועים:
						</h2>
						<div class="calcTable">
							<div class="calcRow"><label>כמות:</label><input id="tiahArea" type="text"></input></div>
						</div>
						<input type="button" id="tiahBtn" class="calcBtn" value="חשב" onclick="calcTiah()"></input>
						<div id="tiahResult" class="quiteResult">
						</div>
						<div class="reserveButton">
							<img class="btn-get-price" src="images/button_get_price.png" style="width:80%">
							<img class="btn-send-order" src="images/button_send_order.png" style="width:80%">
						</div>
					</div>

				</div>
			</div>
			<div id="panel-3">
				<div id="Tit" class="calcArea">

					<p id="hTi">
						מחשבון זה ייחשב עבורך את כמויות החומר להם תזדקק עבור טיט לריצוף, עליך למלא את<br/>
						כמות המטר מרובע שאותה הינך מתכוון לרצף. המחשבון יחזיר לך את כמויות החומר להם<br/>
						תזדקק עבור הטיט.</p>

					<div class="quantity">
						<h2>הזן את מספר המטרים הרבועים:
						</h2>
						<div class="calcTable">
							<div class="calcRow"><label>כמות:</label><input id="titArea" type="text"></input></div>
						</div>
						<input type="button" id="titBtn" class="calcBtn" value="חשב" onclick="calcTit()"></input>

						<div id="titResult" class="quiteResult">
						</div>
						<div class="reserveButton">
							<img class="btn-get-price" src="images/button_get_price.png" style="width:80%">
							<img class="btn-send-order" src="images/button_send_order.png" style="width:80%">
						</div>
					</div>

				</div>
			</div>
			<div id="panel-4">
				<div id="wollColor" class="calcArea">

					<p id="hWc">
						במחשבון זה עליך למלא את כמות המ"ר שאותו אתה זקוק לצבוע, וכן את סוג הצבע.<br/>
						ותקבל בתשובה את כמות הליטר לה אתה זקוק בשביל לצבוע את הקיר.
					</p>

					<div class="quantity">
						<h2>הזן את מספר המטרים המרובעים של הקיר:
						</h2>
						<div class="calcTable">
							<div class="calcRow"><label>כמות:</label><input id="meterArea" type="text"></input></div>
							<div class="calcRow"><label>סוג הצבע:</label>
							<select id="color">
								<option value="soper2000">סופרקריל 2000</option>
								<option value="soper">סופר קריל</option>
								<option value="wonder">וונדרקריל</option>
								<option value="poli">פוליסיד</option>
								<option value="gmar">גמר סיד</option>
							</select></div>
						</div>

						<input type="button" id="colorBtn" class="calcBtn" value="חשב" onclick="calcColor()"></input>

						<div id="colorResult" class="quiteResult">
						</div>
						<div class="reserveButton">
							<img class="btn-get-price" src="images/button_get_price.png" style="width:80%">
							<img class="btn-send-order" src="images/button_send_order.png" style="width:80%">
						</div>
					</div>

				</div>
			</div>
			<div id="panel-5">
				<div id="ironColor" class="calcArea">

					<p id="hI">
						מחשבון זה יעזור לך לחשב את כמות הצבע לה אתה זקוק בכדי לצבוע ברזל, כל מה שעליך<br/>
						לעשות הוא להזין את מידות הפרופיל (יש לשים לב שמידות הפרופיל במילימטרים), כמות המטר<br/>
						רץ לה אתה זקוק ולבחור את סוג הצבע. המחשבון יכתוב לך את כמות הליטרים לה אתה זקוק.
					</p>

					<div class="quantity">
						<h2>הזן את סוג הפרופיל וכמות המטר ממנו</h2>
						<div class="calcTable">
							<div class="calcRow"><label id="pro">מידות הפרופיל (מ"מ):</label>
							<div><input id="ironArea1" type="text"></input>
							<input id="ironArea2" type="text"></input></div></div>
							<div class="calcRow"><label>אורך הפרופיל (מטר):</label>
							<input id="ironMeArea" type="text"></input></div>
							<div class="calcRow"><label>סוג הצבע:</label>
							<select id="colorI">
								<option value="oncr">אוניקריל</option>
								<option value="zvia">צביעה אחת ודי</option>
								<option value="polior">פוליאור</option>
								<option value="yesod">יסוד</option>
								<option value="dtm">DTM</option>
								<option value="hmer">המרטון</option>
							</select></div>
						</div>
						<input type="button" id="ironBtn" class="calcBtn" value="חשב" onclick="calcIron()"></input>

						<div id="IronResult" class="quiteResult">
						</div>
						<div class="reserveButton">
							<img class="btn-get-price" src="images/button_get_price.png" style="width:80%">
							<img class="btn-send-order" src="images/button_send_order.png" style="width:80%">
						</div>
					</div>

				</div>
			</div>
			<div id="panel-6">
				<div id="woodColor" class="calcArea">

					<p id="hWo">מחשבון זה יעזור לך לחשב את כמות הצבע לה אתה זקוק בכדי לצבוע עץ. כל מה שעליך לעשות
						הוא<br/>
						להזין את מידות הקורה בה אתה משתמש (המידה בס"מ), כמות המטר רץ לה אתה זקוק ולבחור את<br/>
						סוג הצבע. המחשבון יכתוב לך את כמות הליטרים לה אתה זקוק.
					</p>

					<div class="quantity">
						<h2>הזן את סוג הקורה וכמות המ״ר ממנו:</h2>
						
						<div class="calcTable">
							<div class="calcRow"><label id="proW">מידות הקורה (ס"מ):</label>
							<div><input id="woodArea1" type="text"></input>
							<input id="woodArea2" type="text"></input></div></div>
							<div class="calcRow"><label id="proM">אורך הקורה (מטר):</label>
							<input id="woodMArea" type="text"></input></div>
							<div class="calcRow"><label>סוג הצבע:</label>
							<select id="colorW">
								<option value="varnit">ורנית</option>
								<option value="bondex">בונדקס</option>
								<option value="yacht">יאכט וארניש</option>
								<option value="poliorW">פוליאור</option>
							</select></div>
						</div>
						<input type="button" id="woodBtn" class="calcBtn" value="חשב" onclick="woodColor()"></input>

						<div id="WoodResult" class="quiteResult">
						</div>
						<div class="reserveButton">
							<img class="btn-get-price" src="images/button_get_price.png" style="width:80%">
							<img class="btn-send-order" src="images/button_send_order.png" style="width:80%">
						</div>
					</div>

				</div>
			</div>
			<div id="panel-7">
				<div id="geves" class="calcArea">

					<p id="hG">מחשבון זה ייחשב לך את כמויות החומר להם תזדקק לבניית קיר גבס. בשביל זה עליך למלא בממשבצות
						המיועדות לכך<br/>
						את אורך הקיר, האם אתה מעוניין לשים לוחות גבס משני צידי המסילות, גובה הפלטה, איזה מרווח אתה רוצה
						לשים בין<br/>
						הניצבים, וכן מה ההפרש בגובה בין בורק לבורג. המחשבון יחזיר לך את כמויות החומר להם תזדקק!
					</p>

					<div class="quantity">
						<h2>הזן את נתוני קיר הגבס:
						</h2>
						<label id="p1">מטר רץ:</label>
						<input id="gMetr" type="text"></input>
						<label id="p2">סוג גבס:</label>
						<select id="kind">
							<option value="chad">חד צדדי</option>
							<option value="doo">דו צדדי</option>
						</select>
						<br/>
						<label id="p3">גובה פלטה:</label>
						<select id="gHeight">
							<option value="260">260</option>
							<option value="300">300</option>
						</select>
						<br/>
						<label id="p4">ניצב כל:</label>
						<select id="gNizav">
							<option value="60">60 ס"מ</option>
							<option value="40">40 ס"מ</option>
						</select>
						<label id="p5">בורג כל:</label>
						<input id="boreg" type="text"></input><br/>

						<input type="button" id="gevesBtn" class="calcBtn" value="חשב" onclick="calcGeves()"></input>

						<div id="gevesResult" class="quiteResult">
						</div>
						<div class="reserveButton">
							<img class="btn-get-price" src="images/button_get_price.png" style="width:80%">
							<img class="btn-send-order" src="images/button_send_order.png" style="width:80%">
						</div>
					</div>

				</div>
			</div>
			<div id="footer">
				<img src="images/bottom.png" id="bottom"/>

				<p id="doon">אספקה טכנית וחומרי בניין בע״מ | ח.פ. 514742691 | יצהר, 44831 | טלפון 057-4440711 | פקס
					02-6333167 </p>
			</div>
		</div>
		<div id="dialog-form" title="נא השאר פרטיך">
			<p class="validateTips">חובה למלא את כל השדות</p>
			<form id="mailForm">
				<fieldset>
					<p>
						<label for="name">שם מלא</label>
						<input type="text" name="name" id="name" value="" class="text ui-widget-content ui-corner-all">
					</p>
					<p>
						<label for="email">דואר אלקטרוני</label>
						<input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all">
					</p>
					<p>
						<label for="email">טלפון</label>
						<input type="text" name="phone" id="phone" value="" class="text ui-widget-content ui-corner-all">
					</p>
					<input type="submit" tabindex="-1" style="position:absolute; top:-1000px">
				</fieldset>
			</form>
		</div>
	</body>
</html>